<template>
	<view class="one">
	    <view class="top">
	
	      <image :src="imgurl" class="top-img" />
	
	      <view class="top-text">
	        <p>{{ title }}</p>
	      </view>
	    </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			id: 0,
			imgurl: '',
			title:'',
			
			
			}
		},

		methods: {
			onLoad(options) {
				this.id = options.id;
				this.imgurl = options.image
				this.title = options.title
				// this.getData()
			},
			
			// getData() {
			// 	uni.request({
			// 		url: `http://cloud.agopage.com/6b83fd3bc06260ec/search?keyword=${word}`,
			// 		success: ({
			// 			data
			// 		}) => {
						
			// 			this.searchArr = data.agopages;
			// 		}
			// 	})
			// },
			
		}
	}
</script>

<style lang="scss" scoped>
	.top {
	  position: relative;
	  .top-text {
	    position: absolute;
	    bottom: 40px;
	    color: #fff;
	    width: 80%;
	    margin-left: 10%;
	    font-size: 15px;
	    border-bottom: 2px solid #fff;
	
	    p {
	      padding-bottom: 20px;
	      padding-left: 5px;
	    }
	  }
	
	  .top-img {
	    width: 100vw;
	    height: 200px;
	  }
	}
</style>
